<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="../JS/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="../JS/jqPageNavigater.js"></script>
<link rel="stylesheet" type="text/css" href="../CSS/jqPageNavigater.css" />
<style type="text/css">
	table{
		text-align: center;
	}
</style>
<script type="text/javascript">

$(function(){
	init();
})

function init(){
	$(".info").load("pages/page1.html");
}

function getPageData(pageNo){
	$(".info").empty();
	$(".info").load("pages/page"+pageNo+".html");
}
</script>
</head>
<body>
	<h3>局部刷新分页示例</h3>
	<div class="info"></div>
</body>
</html>